<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>挂号</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/guahao.css" />
	<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/register.js"></script>
</head>

<body>

	<ul id="daohang">
		<li id="li1">
			门诊挂号管理
			<div>
				<p>挂号</p>
				<p>退号</p>
			</div>
		</li>
		<span>|</span>
		<li id="li2">
			门诊收费管理

			<div>
				<p>划价收费</p>
				<p>门诊退费</p>
			</div>
		</li>
		<span>|</span>
		<li>
			住院登记管理
		</li>
		<span>|</span>
		<li>
			住院费用管理
		</li>
		<span>|</span>
		<li>
			医院字典设定
		</li>
		<span>|</span>
		<li>
			个人设置
		</li>
	</ul>


	<form action="#" method="post">
		<div id="dfapiao">
			<span class="fapiao">门诊挂号发票</span>
			<input type="email" id="fapiao" name="reg_ino" class="check_required" />
			<span class="fapiao refresh_ino">更新发票号</span>
		</div>
		<div id="guahao">
			<div id="guahaodaohang">
				<span>挂号信息</span>
				<div id="guahaodaohangr">
					<span class="glyphicon glyphicon-plus-sign"></span><span>预约选择</span>
					<span class="glyphicon glyphicon-file"></span><span class="register_btn">挂号</span>
					<span class="glyphicon glyphicon-align-justify"></span><span>补收挂号费</span>
					<span class="glyphicon glyphicon-print"></span><span>补打</span>
					<span class="glyphicon glyphicon-print"></span><span>重打</span>
					<span class="glyphicon glyphicon-refresh"></span><span class="clear_form">清屏</span>
				</div>
			</div>
			<div id="guahaohaoma">
				<select name="guahaoleixing" style="width: 80px; height: 26px; margin-left: 5px;">
					<option>身份证号</option>
				</select>
				<input type="text" name="pid" class="check_required" />
				<span class="glyphicon glyphicon-credit-card"></span> <span>医保卡读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>农合卡读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>身份证读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>健康卡读卡</span>
				<span class="glyphicon glyphicon-credit-card"></span> <span>熙康卡读卡</span>
			</div>

			<div class="row clearfix" id="guahaoxinxi">
				<div class="col-md-7 column">
					<div class="col-md-4 column">
						<span>病历号<input type="text" name="case_no" class="yellow check_required" /></span><br />
						<span>
							结算类别
							<select name="settle_type" class="yellow check_required">
								<option value="0" selected="selected"></option>
								<option value="1">自费</option>
							</select>

						</span><br />
						<span>看诊日期<input type="date" name="vist_date" class="yellow check_required" /></span><br />
						<span>挂号来源<select name="reg_src">
								<option value="1">窗口挂号</option>
							</select> </span>
					</div>
					<div class="col-md-4 column">
						<span>姓名<input type="text" name="pname" class="yellow check_required" /></span><br />
						<span>医疗证号<input type="text" name="mcard_no" /></span><br />
						<span>号别
							<select name="drlevel" class="yellow">
								<option value="1">普通</option>
								<option value="2">专家</option>
							</select>
						</span><br />

					</div>
					<div class="col-md-4 column">
						<span>性别<select name="sex" class="yellow check_required">
								<option value="0"></option>
								<option value="1">男</option>
								<option value="2">女</option>
							</select></span><br />
						<span>医疗类别<select name="medical_type">
								<option value="0"></option>
								<option value="1">市保</option>
								<option value="2">公务员</option>
							</select></span><br />
						<span>挂号科室<select name="department" class="yellow check_required">
								<option value="0"></option>
							</select></span><br />

					</div>

				</div>
				<div class="col-md-5 column">
					<div class="col-md-6 column">
						<span>年龄<input name="age" style="width: 134px;margin-left: 50px;" type="text" /><select name="age_unit" style="width: 40px;">
								<option value="1" selected="selected">岁</option>
								<option value="2">月</option>
								<option value="3">天</option>
							</select></span><br />
						<span>身份证号<input type="text" name="pid" /></span><br />
						<span>看诊医生<select name="drname" class="yellow check_required">
								<option value="0"></option>
							</select></span><br />
					</div>
					<div class="col-md-6 column">
						<span>出生日期<input type="date" name="birthday" class="yellow check_required" /></span><br />
						<span>家庭住址<input type="text" name="address" /></span><br />
						<span>应收金额<input type="text" name="reg_pay" /></span><br />
					</div>
				</div>
			</div>
		</div>
		<table class="table table-striped" border="1px" bordercolor="#DCDCDC">
			<thead>
				<tr>
					<th colspan="16" id="biaotou">
						<span id="left">挂号信息列表</span>
						<span id="right" class="refresh_btn"><span class="glyphicon glyphicon-refresh"></span><span>刷新</span></span>
					</th>

				</tr>

				<tr id="tr1">
					<th>

					</th>
					<th>
						病历号
					</th>
					<th>
						姓名
					</th>
					<th>
						性别
					</th>
					<th>
						出生日期
					</th>
					<th>
						身份证号
					</th>
					<th>
						发票号
					</th>
					<th>
						结算类别
					</th>
					<th>
						挂号级别
					</th>
					<th>
						挂号日期
					</th>
					<th>
						看诊日期
					</th>
					<th>
						是否已诊
					</th>

					<th>
						状态
					</th>
					<th>
						实收费用
					</th>
					<th>
						看诊科室
					</th>
				</tr>
			</thead>

			<tbody></tbody>
		</table>
		<div id="demo6">
			<ul class="pagination pagination-sm">
				<li class="prev"><a href="#">&laquo;</a></li>
				<li class="active"><span class="pagenum" >1</span><span class="maxpage" style="display:none;"></span></li>
				<li class="next"><a href="#">&raquo;</a></li>
			</ul>
		</div>

	</form>
</body>







<script>
	$("#daohang li").mouseover(function () {
		$(this).css("cursor", "pointer");
	});
	$("#daohang li").click(function () {
		$("#daohang li").css("color", "black");
		$(this).css("color", "#67A5CA");
	});
	$("#li1").click(function () {
		var dis = $("#li1 div").css("display");
		if (dis == "none") {
			$("#li1 div").css("display", "block");
		} else {
			$("#li1 div").css("display", "none");
		}

	})
	$("#li2").click(function () {
		var dis = $("#li2 div").css("display");
		if (dis == "none") {
			$("#li2 div").css("display", "block");
		} else {
			$("#li2 div").css("display", "none");
		}

	})
	$(".fapiao").css("color", "#1772B0");
	$("#guahaodaohang span").css("line-height", "40px");

	$(".glyphicon").css("color", "#003F74");
	$("#guahaohaoma").css("background-color", "#D9EAF3");
	$("#guahaohaoma").css("border-top", "1px solid white");
	$("input[name=guahaoleixing]").css("margin-left", "10px");

</script>

</html>